<script language='javascript'>
    var winForm, formGrupo, fromGridMembers, winSendMessage, winSendMessageGroup;
    var threadsManager, intervalIdManager, _wallIdSelected, _pingTime = 5000;
    var _rp = 50, _rpUsers = 12;
    var _postArrayManager, _paginatorManager;
    var i=0;
    var gt;
    var gids = 0;
    var uid = '<?php echo $UserId;?>';
    
    $(document).ready(function() {
        
        var imagePathEmail = BASE_ICONS+'email.png';
        var imagePathEditar = BASE_ICONS+'pencil.png';
        var imagePathDelete = BASE_ICONS+'delete.png';
        var imageJuanelo = BASE_PATH+'images/juanelo.png';
        
        threadsManager = new Array();
        intervalIdManager = new Array();
        _postArrayManager = new Array();
        _paginatorManager = new Array();
        _paginatorUserManager = new Array();
        
        function _resetMembers(groupId){
            var paginatorId = "#paginatorMembers_"+groupId;
            console.debug(paginatorId)
            var currentPage = _paginatorUserManager[groupId].current_page;
            console.log(currentPage)
            
            $(paginatorId).jqPagination({
                paged: function(page) {
                    _paginateMembers(currentPage, groupId);
                }
            });
        }
        function _appendMember(groupId,member){
            member.nombre1 = member.get('nombre1');
            member.nombre2 = member.get('nombre2');
            member.apellido1 = member.get('apellido1');
            member.apellido2 = member.get('apellido2');
            member.email = member.get('email');
            member.UserId = member.get('UserId');
            member.avatar = member.get('avatar');
            
            var memberHtml = '';
            var uid = groupId+"_"+member.get('UserId');
            var nombre = member.get('nombre1')+' '+member.get('nombre2')+
                ' '+member.get('apellido1')+' '+member.get('apellido2');

            var nombre = member.get('nombre1')+' '+member.get('apellido1');
            
            
            

            if(!member.avatar || member.avatar === 'null' || member.avatar === null) 
                member.avatar = imageJuanelo;
            
            var panelMembersId = "panelMembers_"+groupId;
            var panel = Rocket.get(panelMembersId);
            memberHtml = memberHtml+
                '<div class="member" style="display:none;" id="'+uid+'">'+
                '<img class="member_avatar" src="'+member.avatar+'"/>'+
                '<ul>'+
                '<li class="member_name"><a href="#" id="member1Name-'+uid+'">'+nombre+'</a></li>'+
                '<li class="member_rol">Aqui va el ROL</li>'+
                '</ul>'+
                '<div class="member_actions">'+
                '<a href="#" id="email-'+uid+'"><img src="'+imagePathEmail+'" width="16"/></a>'+
             //   '<a href="#" id="editar-'+uid+'"><img src="'+imagePathEditar+'" width="16"/></a>'+
                '<a href="#" id="remover-'+uid+'"><img src="'+imagePathDelete+'" width="16"/></a>'+
                '</div>'+
                '</div>';
            
            jQuery('#panelMembers_'+groupId+'-elements .members').append(memberHtml);
            
            
            
            //seteamos la funcion click en cada nombre de usario con live aun cuando no exista en el DOM
            jQuery('#member1Name-'+uid).die("click");
            jQuery('#member1Name-'+uid).live('click',function(){
                //var record = new Model(member);
                userDetail(member);
            });

            //seteamos la funcion click en cada email de usario con live aun cuando no exista en el DOM
            jQuery('#email-'+uid).die("click");
            jQuery('#email-'+uid).live('click',function(){
                _sendMessageToUser(member);
            });

                jQuery('#remover-'+uid).die("click");
                jQuery('#remover-'+uid).live('click',function(){
                    Rocket.Create({
                        type:'dialog',
                        title:'Confirme la operacion',
                        typeAlert:'confirmation',
                        message:'Esta seguro que desea eliminar del grupo al usuario seleccionado?',
                        onOkHanlder:function(){
                            Rocket.Request({
                                url: BASE_URL + 'grupos/delUserByRol',
                                data:{uid:uid},
                                success:function(response) {
                                    if(response.success) {
                                        Rocket.Create({
                                            type:'dialog',
                                            title:'Operaci\u00F3n exitosa',
                                            typeAlert:'success',
                                            message:response.mensaje
                                        });
                                        jQuery('#'+uid).die("click");
                                        jQuery('#'+uid).slideUp('slow',function(){
                                            jQuery('#'+uid).remove();
                                        });                                                         
                                    }
                                    else {
                                        Rocket.Create({
                                                        type:'dialog',
                                                        title:'Error en la operacion: ',
                                                        typeAlert:'error',
                                                        message:_getErrorFromArray(response.errors)
                                                    });
                                    }
                                }
                            });

                        }
                    });
                });
            jQuery('#'+uid).fadeIn('slow');
        }
        function _paginateMembers(page, groupId){
            Rocket.Request({
                url: BASE_URL + 'rols/paginateMembers',
                data:{
                    page:page,
                    rp:_rpUsers,
                    groupId:groupId
                },
                success:function(response) {
                    var panelMembersId = "panelMembers_"+groupId;
                    var panel = Rocket.get(panelMembersId);
                    var members = response.data.items;
                    var memberHtml = "";
                    jQuery.each(members,function(k,member){
                        var uid = groupId+"_"+member.UserId;
                        var nombre = member.nombre1+' '+member.nombre2+
                            ' '+member.apellido1+' '+member.apellido2;
                        
                        var nombre = member.nombre1+' '+member.apellido1;
                        
                        if(!member.avatar || member.avatar === 'null' || member.avatar === null) 
                            member.avatar = imageJuanelo;
                        
                        memberHtml = memberHtml+
                            '<div class="member">'+
                            '<img class="member_avatar" src="'+member.avatar+'"/>'+
                            '<ul>'+
                            '<li class="member_name"><a href="#" id="'+uid+'">'+nombre+'</a></li>'+
                            '<li class="member_rol">'+member.nombre+'</li>'+
                            '</ul>'+
                            '<div class="member_actions">'+
                            '<a href="#" id="email-'+uid+'"><img src="'+imagePathEmail+'" width="16"/></a>'+
                          //  '<a href="#" id="editar-'+uid+'"><img src="'+imagePathEditar+'" width="16"/></a>'+
                            '<a href="#" id="remover-'+uid+'"><img src="'+imagePathDelete+'" width="16"/></a>'+
                            '</div>'+
                            '</div>';

                        //seteamos la funcion click en cada nombre de usario con live aun cuando no exista en el DOM
                        jQuery('#'+uid).die("click");
                        jQuery('#'+uid).live('click',function(){
                            var record = new Model(member);
                            userDetail(record);
                        });

                        //seteamos la funcion click en cada email de usario con live aun cuando no exista en el DOM
                        jQuery('#email-'+uid).die("click");
                        jQuery('#email-'+uid).live('click',function(){
                            _sendMessageToUser(member);
                        });
                            jQuery('#remover-'+uid).die("click");
                            jQuery('#remover-'+uid).live('click',function(){
                                Rocket.Create({
                                    type:'dialog',
                                    title:'Confirme la operacion',
                                    typeAlert:'confirmation',
                                    message:'Esta seguro que desea eliminar del grupo al usuario seleccionado?',
                                    onOkHanlder:function(){
                                        Rocket.Request({
                                            url: BASE_URL + 'grupos/delUserByRol',
                                            data:{uid:uid},
                                            success:function(response) {
                                                if(response.success == true) {
                                                    jQuery('#member_'+uid).remove();                                                         
                                                }
                                                else {
                                                    Rocket.Create({
                                                        type:'dialog',
                                                        title:'Error en la operacion: ',
                                                        typeAlert:'error',
                                                        message:_getErrorFromArray(response.errors)
                                                    });
                                                }
                                            }
                                        });

                                    }
                                });
                            });
                    });
                    panel.setHtml('<div class="members">'+memberHtml+'</div>');
                }
            });
        }
        function _addPaginator4UsersByGroup(groupId,total){
            if(!_paginatorUserManager[groupId]){
                var total = total;
                var page = 2;//consideramos de que ya se ha cargado la pagina 1
                var paginatorId = "#paginatorMembers_"+groupId;
                var nPages=0;
                if(total%_rpUsers === 0){
                    nPages = total/_rpUsers;
                }
                else{
                    if(total<_rpUsers)
                        nPages = 1;
                    else{
                        nPages = parseInt(total/_rpUsers)+1;
                    }
                }
                var paginator = '<div class="pagination" id="'+paginatorId+'">'+
                    '<a href="#" class="first" data-action="first">&laquo;</a>'+
                    '<a href="#" class="previous" data-action="previous">&lsaquo;</a>'+
                    '<input type="text" readonly="readonly" data-max-page="'+nPages+'" />'+
                    '<a href="#" class="next" data-action="next">&rsaquo;</a>'+
                    '<a href="#" class="last" data-action="last">&raquo;</a>'+
                    '</div>';
            
                jQuery(paginatorId).append(paginator);
            
                $(paginatorId).jqPagination({
                    paged: function(page) {
                        _paginateMembers(page, groupId);
                        _paginatorUserManager[groupId].current_page = page;
                    }
                });
                _paginatorUserManager[groupId] = {
                    nPages:nPages,
                    current_page:2
                };
            }
        }
        function userDetail(record){
            var resAjax = true;//aqui llamamos al usuario con sus datos
            Rocket.Request({
                url: BASE_URL + 'users/det_user',
                data:{
                    userId : record.get('UserId'),
                    user_name : record.get('nombre1')+' '+record.get('apellido1')},
                success:function(data) {
                    if (data.success){
                        displayUserData(data);       
                    }
                    else{

                        Rocket.Create({
                            type:'dialog',
                            title:'Error en la operacion',
                            typeAlert:'error',
                            message:_getErrorFromArray(data.errors)
                        });
                    }
                }
            });



            if(resAjax){
                jQuery('#liNombre').text(record.get('nombre1')+' '+record.get('nombre2')+' '+record.get('apellido1')+' '+record.get('apellido2'));
                jQuery('#liRut').text(record.get('rut'));
                jQuery('#liFechaNacimiento').text(record.get('fechanacimiento'));
                jQuery('#imgAvatar').attr('src', imageJuanelo);
                winDetail.show();
            }
        }
        function createGroup(record,type){
            var title = 'Crear Grupo';
            if(type === 'edit'){
                title = 'Editar Grupo';
            }
            if(!formGrupo){
                formGrupo = Rocket.Create({
                    type:'panel',
                    id:'formGrupo',
                    title:title,
                    width:'50%',
                    collapsible:true,
                    modal:true,
                    isForm:true,
                    autoLoad:false,
                    proxy:{
                        url: BASE_URL+'grupos/'+type
                    },
                    items: [
                        {
                            type: 'hidden',
                            id:'rck_GrupoId',
                            label: 'GrupoId',
                            name: 'GrupoId'
                        },
                        {
                            type: 'hidden',
                            name: '_GrupoId',
                            id:'rck_hidden_GrupoId'
                        },
                        {
                            type: 'text',
                            label: 'Nombre',
                            name: 'nombre',
                            id:'rck_nombre'
                        },
                        {
                            type: 'hidden',
                            label: 'created',
                            name: 'created',
                            id:'rck_createdGroup'
                        },
                        {
                            type: 'hidden',
                            label: 'Log',
                            name: 'Log',
                            id:'rck_LogGroup'
                        },
                        {
                            type: 'text',
                            label: 'Direccion',
                            name: 'direccion',
                            id:'rck_direccionGroup'
                        },
                        {
                            type: 'select',
                            label: 'Dia reunion',
                            name: 'dia_reunion',
                            id:'rck_dia_reunion',
                            dataField:'texts',
                            dataIndex:'value',
                            fields:[
                                {value:'LUNES',texts:'LUNES'},
                                {value:'MARTES',texts:'MARTES'},
                                {value:'MIERCOLES',texts:'MIERCOLES'},
                                {value:'JUEVES',texts:'JUEVES'},
                                {value:'VIERNES',texts:'VIERNES'},
                                {value:'SABADO',texts:'SABADO'},
                                {value:'DOMINGO',texts:'DOMINGO'}
                            ]
                        },
                        {
                            type: 'select',
                            label: 'Hora reunion',
                            name: 'hora_reunion',
                            id:'rck_hora_reunion',
                            dataField:'text',
                            dataIndex:'value',
                            fields:[
                                {value:'7:00',text:'7:00'},
                                {value:'8:00',text:'8:00'},{value:'9:00',text:'9:00'},
                                {value:'10:00',text:'10:00'},{value:'11:00',text:'11:00'},
                                {value:'12:00',text:'12:00'},{value:'13:00',text:'13:00'},
                                {value:'14:00',text:'14:00'},{value:'15:00',text:'15:00'},
                                {value:'16:00',text:'16:00'},{value:'17:00',text:'17:00'},
                                {value:'18:00',text:'18:00'},{value:'19:00',text:'19:00'},
                                {value:'20:00',text:'20:00'},{value:'21:00',text:'21:00'},
                                {value:'22:00',text:'22:00'},{value:'23:00',text:'23:00'},
                                {value:'24:00',text:'24:00'}
                            ]
                        },
                        {
                            type: 'datefield',
                            label: 'Fecha inicio',
                            dateFormat:'yy-mm-dd',
                            name: 'fecha_inicio',
                            id:'rck_fecha_inicio'
                        },
                        {
                            type: 'datefield',
                            label: 'Fecha termino',
                            name: 'fecha_termino',
                            id:'rck_fecha_termino',
                            dateFormat:'yy-mm-dd'
                        },
                        {
                            type: 'textarea',
                            label: 'Solicitud',
                            height:'70',
                            width:'60%',
                            name: 'observacion',
                            id:'rck_observacionGroup'
                        },
                        {
                            type: 'select',
                            autoLoad:true,
                            id:'rck_TipoGrupoId',
                            label: 'Tipo',
                            name: 'TipoGrupoId',
                            dataField: 'nombre',
                            dataIndex:'TipoGrupoId',
                            proxy:{
                                url: BASE_URL + 'tipogrupos/loadList'
                            }
                        },
                        {
                            type: 'hidden',
                            name: '_TipoGrupoId',
                            id:'rck_hidden_TipoGrupoId'
                        },
                        {
                            type: 'select',
                            autoLoad:false,
                            id:'rck_comunasGroup',
                            label: 'Comuna',
                            name: 'comuna_id',
                            dataField: 'nombre',
                            dataIndex:'id',
                            proxy:{
                                url: BASE_URL + 'comunas/loadList'
                            },
                            change:function(model){
                                cmbSector = Rocket.get('rck_SectorIdGroup');
                                cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                            }
                        },
                        {
                            type: 'select',
                            autoLoad:false,
                            id:'rck_SectorIdGroup',
                            label: 'Sector',
                            name: 'SectorId',
                            dataField: 'nombre',
                            dataIndex:'SectorId',
                            proxy:{
                                url: BASE_URL + 'sectors/loadList'
                            }
                        },
                        {
                            type: 'hidden',
                            name: '_SectorId',
                            id:'rck_hidden_SectorIdGroup'
                        },
                        {
                            type: 'select',
                            autoLoad:true,
                            id:'rck_IglesiaIdGroup',
                            label: 'Iglesia',
                            name: 'IglesiaId',
                            dataField: 'nombre',
                            dataIndex:'IglesiaId',
                            proxy:{
                                url: BASE_URL + 'iglesias/loadList'
                            }
                        },
                        {
                            type: 'hidden',
                            name: '_IglesiaId',
                            id:'rck_hidden_IglesiaIdGroup'
                        }
                    ],
                    buttons:[
                        {
                            type:'button',
                            id:'btnSaveGroup',
                            name:'submit',
                            value:'Guardar',
                            handler:function(){
                                if(type == 'add') Rocket.get('rck_createdGroup').set(new Date().getTime());
                                var values = formGrupo.getValues();
                                formGrupo.submit({
                                    data:values,
                                    success:function(data){
                                        if(data.success){
                                            formGrupo.resetForm();
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Operaci\u00F3n exitosa',
                                                typeAlert:'success',
                                                message:data.msg
                                            });
                                            _getGroups();
                                            formGrupo.close();
                                        }
                                        else{
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Error en la operacion',
                                                typeAlert:'error',
                                                message:_getErrorFromArray(data.errors)
                                            });
                                        }
                                    }
                                });
                            }
                        },
                        {
                            type:'button',
                            id:'btnCancelGroup',
                            name:'cancel',
                            value:'Cancelar',
                            handler:function(){
                                formGrupo.resetForm();
                                formGrupo.close();
                            }
                        }
                    ]
                            
                });
            }
            else{
                formGrupo.setTitleDialog(title);
            }
            cmbComunas = Rocket.get('rck_comunasGroup');
            cmbSector = Rocket.get('rck_SectorIdGroup');
            
            if(type==='edit'){
                
                cmbComunas.afterSuccess = function(){
                    var get = {item:Rocket.encode(record.definition)}
                    formGrupo.fill({
                        proxy:{url:BASE_URL+'grupos/getItem'},
                        data:get,
                        success:function(data){
                            model = cmbComunas.getSelectedItem();
                            cmbSector.afterSuccess = function(){
                                cmbSector.set(data.data.SectorId)
                            }

                            cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                            formGrupo.proxy.url = BASE_URL+'grupos/edit';
                            formGrupo.show();
                        }
                    });
                }
                cmbComunas.load();
            }
            else if(type ==='requestCreate'){
                cmbSector.afterSuccess = function(){
                    if(cmbSector.modelItems.length>0){
                        cmbSector.setSelectedItem(0);
                    }
                }
                cmbComunas.afterSuccess = function(){
                    Rocket.get('rck_comunasGroup').setSelectedItem(0);
                    model = cmbComunas.getSelectedItem();
                    cmbSector.load({item:Rocket.encode({comuna_id:model.get('id')})});
                }
                cmbComunas.load();
                formGrupo.proxy.url = BASE_URL+'grupos/requestCreate';
                formGrupo.show();
            }
          
        }
        function addMemberFromGrid(groupId){
            if(!fromGridMembers){
                fromGridMembers = Rocket.Create({
                    type:'panel',
                    id:'fromGridMembers',
                    title:'Miembros Congregación',
                    width:'85%',
                    collapsible:false,
                    modal:true,
                    isForm:true,
                    autoLoad:false,
                    proxy:{
                        url: BASE_URL+'rols/'
                    },
                    items:[
                        {
                            type:'grid',
                            id: 'gridCongregationMembers',
                            width:'100%',
                            height:400,
                            collapsible:true,
                            autoLoad:true,
                            fit:true,
                            extraParams:[
                                {name:'mis_grupos',value:1},
                                {name:'typeGroup',value:'congregacion'}
                            ],
                            proxy:{
                                url:BASE_URL+'users/loadGrid'
                            },
                            columns: [
                                {display: 'UserId',name: 'UserId',hide:true, width:'10',sortable:true},
                                {display: 'Primer nombre',name: 'nombre1', width:'10',sortable:true},
                                {display: 'Segundo nombre',name: 'nombre2', width:'10',sortable:true},
                                {display: 'Apellido paterno',name: 'apellido1', width:'10',sortable:true},
                                {display: 'Apellido materno',name: 'apellido2', width:'10',sortable:true},
                                {display: 'Sexo',name: 'sexo', width:'10',sortable:true},
                                {display: 'username',name: 'username', width:'10',sortable:true},
                                {display: 'password',name: 'password', width:'10',sortable:true, hide:true},
                                {display: 'Fono fijo',name: 'fono_fijo', width:'10',sortable:true},
                                {display: 'Fono movil',name: 'fono_movil', width:'10',sortable:true},
                                {display: 'Email',name: 'email', width:'10',sortable:true},
                                {display: 'Rut',name: 'rut', width:'10',sortable:true},
                                {display: 'Fecha nacimiento',name: 'fechanacimiento', width:'10',sortable:true},
                                {display: 'Direccion',name: 'direccion', width:'10',sortable:true},
                                {display: 'Bautizado',name: 'bautizado', width:'10',sortable:true},
                                {display: 'Estado',name: 'estado', width:'10',sortable:true},
                                {display: 'created',name: 'created', width:'10',sortable:true, hide:true},
                                {display: 'Log',name: 'Log', width:'10',sortable:true, hide:true},
                                {display: 'avatar',name: 'avatar', width:'10',sortable:true, hide:true},
                                {display: 'Root',name: 'root', width:'10',sortable:true},
                                {display: 'OficioId',hide:true,name: 'OficioId', width:'10',sortable:true},
                                {display: 'SectorId',hide:true,name: 'SectorId', width:'10',sortable:true},
                                {display: 'Oficio',name: 'oficio_name', width:'10',sortable:true},
                                {display: 'Sector',name: 'sector_name', width:'10',sortable:true},
                                {display: 'Rol usuario',name: 'SystemRolId', width:'10',sortable:true},
                                {
                                    display:'Acciones',
                                    name:'Acciones',
                                    width:'40',
                                    align:'center',
                                    type:'action',
                                    items:[
                                        {
                                            title:'Detalle',
                                            iconCls:'rck-icon-search',
                                            handler:function(record){
                                                userDetail(record);
                                            }
                                        }
                                    ]
                                }
                            ],
                            searchitems : [
                                {display: 'UserId',name: 'UserId', width:'10',sortable:true},
                                {display: 'Primer nombre',name: 'nombre1', width:'10',sortable:true},
                                {display: 'Segundo nombre',name: 'nombre2', width:'10',sortable:true},
                                {display: 'Apellido paterno',name: 'apellido1', width:'10',sortable:true},
                                {display: 'Apellido materno',name: 'apellido2', width:'10',sortable:true},
                                {display: 'Sexo',name: 'sexo', width:'10',sortable:true},
                                {display: 'username',name: 'username', width:'10',sortable:true},
                                {display: 'password',name: 'password', width:'10',sortable:true},
                                {display: 'Fono fijo',name: 'fono_fijo', width:'10',sortable:true},
                                {display: 'Fono movil',name: 'fono_movil', width:'10',sortable:true},
                                {display: 'Email',name: 'email', width:'10',sortable:true},
                                {display: 'Rut',name: 'rut', width:'10',sortable:true},
                                {display: 'Fecha nacimiento',name: 'fechanacimiento', width:'10',sortable:true},
                                {display: 'Direccion',name: 'direccion', width:'10',sortable:true},
                                {display: 'Bautizado',name: 'bautizado', width:'10',sortable:true},
                                {display: 'Estado',name: 'estado', width:'10',sortable:true},
                                {display: 'created',name: 'created', width:'10',sortable:true},
                                {display: 'Log',name: 'Log', width:'10',sortable:true},
                                {display: 'avatar',name: 'avatar', width:'10',sortable:true},
                                {display: 'Root',name: 'root', width:'10',sortable:true},
                                {display: 'Oficio',name: 'oficio_name', width:'10',sortable:true},
                                {display: 'Sector',name: 'sector_name', width:'10',sortable:true},
                                {display: 'SystemRolId',name: 'SystemRolId', width:'10',sortable:true}
                            ],
                            itemClick:function(record){
                                user_data = record;
                            }
                        },
                        {
                            type: 'select',
                            autoLoad:true,
                            id:'rck_TipoRolId',
                            label: 'Rol',
                            name: 'TipoRolId',
                            dataField: 'nombre',
                            dataIndex:'TipoRolId',
                            proxy:{
                                url: BASE_URL + 'tiporols/loadList'
                            }
                        }
                    ],
                    buttons:[
                        {
                            type:'button',
                            id:'rck_btnAdd',
                            name:'btnAdd',
                            value:'Agregar',
                            handler:function(){
                                Rocket.Request({
                                    url: BASE_URL + 'rols/requestCreate',
                                    data:{
                                        UserId:user_data.get('UserId'),
                                        GrupoId:gids,
                                        TipoRolId:Rocket.get('rck_TipoRolId').val().value
                                    },
                                    success:function(response) {
                                        if(response.success){
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Operación Exitosa',
                                                typeAlert:'success',
                                                message:'La solicitud ha sido enviado con exito al usuario.'
                                            });
                                            fromGridMembers.close();
                                        }
                                        else{
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Error en la operacion',
                                                typeAlert:'error',
                                                message:_getErrorFromArray(response.errors)
                                            });
                                        }
                                    }
                                });
                            }
                        },{
                            type:'button',
                            id:'rck_btnDrop',
                            name:'btnDrop',
                            value:'Cerrar',
                            handler:function(){
                                fromGridMembers.close();
                            }
                        }
                    ]
                });
            }
            fromGridMembers.show();           
        }
        function _getGroups(){
            jQuery(".ul_page").fadeOut('slow', function(){
                Rocket.Request({
                    url: BASE_URL + 'grupos/getGroups',
                    data:{
                        type:'lider',
                        rp_members:_rpUsers
                    },
                    success:function(response) {
                        _setUsersData(response.data);
                    }
                });
            });
            
        }
        function _addPaginator(groupId,total){
            if(!_paginatorManager[groupId]){
                var total = total;
                var page = 2;//consideramos de que ya se ha cargado la pagina 1
                var paginatorId = "#paginatorForo_"+groupId;
                var nPages=0;
                
                if(total%_rp === 0){
                    nPages = total/_rp;
                }
                else{
                    if(total<_rp)
                        nPages = 1;
                    else{
                        nPages = parseInt(total/_rp)+1;
                    }
                }
                var moreMessages = total-_rp;
                var _moreTmp = moreMessages;
                var rpAux = 0;
                if(moreMessages>0){
                    jQuery(paginatorId).append("<li><a rpAux='"+rpAux+"' page='"+page+"' id='moreMessages_"+groupId+"' href='javascript:void(0);'>Ver comentarios anteriores "+moreMessages+"</a></li>");
                    jQuery("#moreMessages_"+groupId).click(function(){
                        var newPage = jQuery(this).attr('page');
                        var rpAux = parseInt(jQuery(this).attr('rpAux'));
                        threadsManager[groupId].stop();
                        threadsManager[groupId].loadPage(newPage);
                        newPage++;
                        jQuery(this).attr('page',newPage);
                        if(rpAux>=0){
                            rpAux = rpAux+_rp;
                            if(rpAux<_moreTmp){
                                jQuery(this).text('Ver comentarios anteriores '+rpAux+" de "+_moreTmp);
                                jQuery(this).attr('rpAux',rpAux);
                            }
                            else{
                                jQuery(this).text('');
                                rpAux = -1;
                            }
                        }
                        else    jQuery(this).text('');
                    });
                }
                _paginatorManager[groupId] = nPages;
            }
        }
        function _refreshWall(data, groupId, typeAppend){
            var foro = "#messagesForo_"+groupId+"_wall";
            var messagesForoId = "messagesForo_"+groupId;
            var posts = data.rows;
            
            _addPaginator(groupId,data.total)
            if(!typeAppend) var posts = data.rows.reverse();
            
            jQuery.each(posts, function(i,post){
                var nombre = post.nombre1+" "+post.nombre2+" "+post.apellido1+" "+post.apellido2;
                var date = Rocket.parseDateString(post.Created);
                //solo si el post no ha sido cargado lo metemos
                if(!_postArrayManager[post.PostId]){
                    _postArrayManager[post.PostId] = post;
                    var html =  "<li>"+
                        "<img src='"+post.avatar+"'/>"+
                        "<ul>"+
                        "<li class='message_detail'>"+
                        "<span>"+nombre+"</span>"+post.Message+
                        "</li>"+
                        "<li class='message_detail'> El <label>"+date.day+"</label> de "+
                        "<label>"+date.month+"</label>"+
                        " a las <label>"+date.hour+":"+date.minute+"</label>"+
                        "</li>"+
                        "<ul>"+
                        "</li>";
                    if(typeAppend && typeAppend === 'prepend'){
                        jQuery(foro).prepend(html);
                    }
                    else{
                        jQuery(foro).append(html);
                    }
                    
                }
            });
        }
        function displayUserData(data){
            jQuery('#imgAvatar').attr('src',data.data.DATA[0]['avatar']);
            jQuery('#liRut').text(data.data.DATA[0]['rut']);
            jQuery('#liNombre').text(data.data.DATA[0]['nombre1']+' '+data.data.DATA[0]['nombre2']+' '+data.data.DATA[0]['apellido1']+' '+data.data.DATA[0]['apellido2']);
            jQuery('#liFechaNacimiento').text(data.data.DATA[0]['fechanacimiento']);
            jQuery('#liEmail').text(data.data.DATA[0]['email']);
            jQuery('#liSexo').text(data.data.DATA[0]['sexo']);
            jQuery('#liFonoMovil').text(data.data.DATA[0]['fono_movil']);
            jQuery('#liFonoFijo').text(data.data.DATA[0]['fono_fijo']);
            jQuery('#liDireccion').text(data.data.DATA[0]['direccion']);
            jQuery('#liOficio').text(data.data.OFICIO);
            
            jQuery('#LiEncuentros').children("li").remove();
            for (var x = 1;x<=data.data.GROUPS.length;x++){
                if(data.data.GROUPS[x-1]['disp'] == 'Y') jQuery('#LiEncuentros').append('<li><label>'+data.data.GROUPS[x-1]['name']+': </label><div id="liPreEncuentro" class="rck-icon-tick"></div></li>');
                else jQuery('#LiEncuentros').append('<li><label>'+data.data.GROUPS[x-1]['name']+': </label><div id="liPreEncuentro" class="rck-icon-none"></div></li>');
            }
            jQuery('#ulCurrents').children("li").remove();
            for (var x = data.data.GEN.length;x>=1;x--){
                jQuery('#ulCurrents').append('<li>'+data.data.GEN[x-1]['user_name']+'</li>');    
                if(x>1) jQuery('#ulCurrents').append('<li class="arrow"></li>');
            }
            
            jQuery('#ulCurrentp').children("li").remove();
            jQuery('#ulCurrentp').children("ul").remove();
            jQuery('#ulCurrentp').children("label").remove();
            jQuery('#ulCurrentp').children("strong").remove();
            
            //console.debug(data.data.T[0]['group_data'][0]['leader_data'].length);
            for (var x = 1;x<=data.data.T.length;x++){
                jQuery('#ulCurrentp').append('<li>');
                jQuery('#ulCurrentp').append('<label><strong>'+data.data.T[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.T[x-1]['nombre']+'</a></label>'); 
                jQuery('#ulCurrentp').append('<ul>');
                jQuery('#ulCurrentp').append('<li>Direccion : '+data.data.T[x-1]['group_data'][0]['direccion']+'</li>');
                jQuery('#ulCurrentp').append('<li>Reunion : '+data.data.T[x-1]['group_data'][0]['dia_reunion']+' '+data.data.T[x-1]['group_data'][0]['hora_reunion']+'</li>');
                jQuery('#ulCurrentp').append('<li>Iglesia : '+data.data.T[x-1]['group_data'][0]['nombre']+'</li>');
                if(data.data.T[x-1]['group_data'][0]['leader_data'].length >0){
                    jQuery('#ulCurrentp').append('<li>Lider : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                    jQuery('#ulCurrentp').append('<li>Email Lider : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                    jQuery('#ulCurrentp').append('<li>Telefonos : '+data.data.T[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                }
                jQuery('#ulCurrentp').append('</ul>');
                jQuery('#ulCurrentp').append('</li>');
            }
            
            jQuery('#ulCurrentf').children("li").remove();
            jQuery('#ulCurrentf').children("ul").remove();
            jQuery('#ulCurrentf').children("label").remove();
            jQuery('#ulCurrentf').children("strong").remove();
            for (var x = 1;x<=data.data.F.length;x++){
                jQuery('#ulCurrentf').append('<li>');
                jQuery('#ulCurrentf').append('<label><strong>'+data.data.F[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.F[x-1]['nombre']+'</a></label>'); 
                jQuery('#ulCurrentf').append('<ul>');
                jQuery('#ulCurrentf').append('<li>Direccion : '+data.data.F[x-1]['group_data'][0]['direccion']+'</li>');
                jQuery('#ulCurrentf').append('<li>Reunion : '+data.data.F[x-1]['group_data'][0]['dia_reunion']+' '+data.data.F[x-1]['group_data'][0]['hora_reunion']+'</li>');
                jQuery('#ulCurrentf').append('<li>Iglesia : '+data.data.F[x-1]['group_data'][0]['nombre']+'</li>');
                if(data.data.F[x-1]['group_data'][0]['leader_data'].length >0){
                    jQuery('#ulCurrentf').append('<li>Lider : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                    jQuery('#ulCurrentf').append('<li>Email Lider : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                    jQuery('#ulCurrentf').append('<li>Telefonos : '+data.data.F[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                }
                jQuery('#ulCurrentf').append('</ul>');
                jQuery('#ulCurrentf').append('</li>');
            }
            
            jQuery('#ulCurrentPast').children("li").remove();
            jQuery('#ulCurrentPast').children("ul").remove();
            jQuery('#ulCurrentPast').children("label").remove();
            jQuery('#ulCurrentPast').children("strong").remove();
            for (var x = 1;x<=data.data.P.length;x++){
                jQuery('#ulCurrentPast').append('<li>');
                jQuery('#ulCurrentPast').append('<label><strong>'+data.data.P[x-1]['nombrerol']+'</strong> de <a href="javascript:void(0);" class="lnkActivity">'+data.data.P[x-1]['nombre']+'</a></label>'); 
                jQuery('#ulCurrentPast').append('<ul>');
                jQuery('#ulCurrentPast').append('<li>Direccion : '+data.data.P[x-1]['group_data'][0]['direccion']+'</li>');
                jQuery('#ulCurrentPast').append('<li>Reunion : '+data.data.P[x-1]['group_data'][0]['dia_reunion']+' '+data.data.P[x-1]['group_data'][0]['hora_reunion']+'</li>'); 
                jQuery('#ulCurrentPast').append('<li>Iglesia : '+data.data.P[x-1]['group_data'][0]['nombre']+'</li>');
                if(data.data.P[x-1]['group_data'][0]['leader_data'].length >0){
                    jQuery('#ulCurrentPast').append('<li>Lider : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['username']+'</li>');
                    jQuery('#ulCurrentPast').append('<li>Email Lider : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['email']+'</li>');
                    jQuery('#ulCurrentPast').append('<li>Telefonos : '+data.data.P[x-1]['group_data'][0]['leader_data'][0]['fono']+'</li>');
                }
                jQuery('#ulCurrentPast').append('</ul>');
                jQuery('#ulCurrentPast').append('</li>');
            }
            
            
        }
        function _setUsersData(data){
            var members = '';
            var grupos = new Array();
            var bodyStyleGroup = "width:50%;*width:94.7%;_width:94.7%;#width:94.7%;float:left;";
            var styleGroup = "float:left;margin-right:50px;";
            var width = "45%";
            var height = 490;
            var collapsible = true;
            var collapsed = true;
            
            jQuery.each(data, function(i,group){
                var title = group.tipo+" "+group.nombre;
                var gid =  Rocket.uniqueId()+"-"+group.GrupoId;
                
                var li_id = "li_"+group.GrupoId;
                var panelId = "panel_"+group.GrupoId;
                var panelActionsId = "panelActions_"+group.GrupoId;
                var btnNewUserId = "btnNewUser_"+group.GrupoId;
                var btnSendMsgId = "btnSendMsg_"+group.GrupoId;
                var btnEditGroup = "btnEditGroup_"+group.GrupoId;
                var btnAddMember = "btnAddMember_"+group.GrupoId;
                
                var panelMembersId = "panelMembers_"+group.GrupoId;
                
                var bigPanelMembersId = "bigPanelMembersId_"+group.GrupoId;
                var membersPaginator = "membersPaginator_"+group.GrupoId;
                
                
                var panelForoId = "panelForo_"+group.GrupoId;
                var txtForoId = "txtForo_"+group.GrupoId;
                var btnForoId = "btnForo_"+group.GrupoId;
                var messagesForoId = "messagesForo_"+group.GrupoId;
                
                var paginatorId = "paginatorForo_"+group.GrupoId;
                var paginatorMembersId = "paginatorMembers_"+group.GrupoId;
                
                var members = group.Members;
                
                jQuery(".ul_page").append('<li style="padding-top:10px;" id="'+li_id+'"></li>');
                
                if(!threadsManager[group.GrupoId]){
                    threadsManager[group.GrupoId] = {
                        postAdded:false,
                        start:function(cleanAndRestart){
                            if(!cleanAndRestart){
                                intervalIdManager[group.GrupoId] = setInterval(function(){
                                    Rocket.Request({
                                        url: BASE_URL + 'posts/getNews',
                                        data:{
                                            WallId:group.WallId,
                                            GrupoId:group.GrupoId,
                                            Page:1,
                                            Rp:_rp
                                        },
                                        success:function(response) {
                                            if(threadsManager[group.GrupoId].postAdded)
                                                    typeAppend = 'prepend';
                                            else    typeAppend = 'append';
                                            _refreshWall(response, group.GrupoId,typeAppend);
                                        }
                                    });
                                },_pingTime);
                            }
                            else{
                                Rocket.Request({
                                    url: BASE_URL + 'posts/getNews',
                                    data:{
                                        WallId:group.WallId,
                                        GrupoId:group.GrupoId,
                                        Page:1,
                                        Rp:_rp
                                    },
                                    success:function(response) {
                                        _refreshWall(response, group.GrupoId,'prepend');
                                        threadsManager[group.GrupoId].start();
                                    }
                                });
                            }
                        },
                        stop:function(){
                            clearInterval(intervalIdManager[group.GrupoId])
                        },
                        loadPage:function(page){
                            var typeAppend = "append";
                            Rocket.Request({
                                url: BASE_URL + 'posts/getNews',
                                data:{
                                    WallId:group.WallId,
                                    GrupoId:group.GrupoId,
                                    Page:page,
                                    Rp:_rp
                                },
                                success:function(response) {
                                    _refreshWall(response, group.GrupoId, typeAppend);
                                    threadsManager[group.GrupoId].start();
                                }
                            });
                        }
                    };
                    grupos.push(Rocket.Create(
                    {
                        type:'panel',
                        id:panelId,
                        title:title,
                        height:'200px',
                        collapsible:collapsible,
                        collapsed:true,
                        renderTo:li_id,
                     //   bodyStyle:'float:left;width:97.2%;',
                        bodyStyle:'height:700px;',
                        onCollapsing:function(Element,collapsed){
                            _wallIdSelected = group.WallId;
                            if(!collapsed){
                                //threadsManager[group.GrupoId].start();//
                                threadsManager[group.GrupoId].stop();
                                threadsManager[group.GrupoId].loadPage(1);
                            }
                            else{
                                threadsManager[group.GrupoId].stop();
                            }
                        },
                        items:[
                            {
                                type:'panel',
                                id:panelActionsId,
                                width:'100%',
                                height:100,
                                style:'float:left;',
                                bodyStyle:'width:96.7%;*width:94.7%;_width:94.7%;#width:94.7%;float:left;',
                                items:[
                                    {
                                        type:'button',
                                        id:btnSendMsgId,
                                        width:'220px',
                                        value:'Enviar mensaje al grupo',
                                        style:'float:left;margin-right:20px;',
                                        iconCls:'rck-icon-email',
                                        handler:function(){
                                            _sendMessageToGroup(group);
                                        }
                                    },
                                    {
                                        type:'button',
                                        id:btnEditGroup,
                                        width:'150px',
                                        value:'Editar Grupo',
                                        style:'float:left;margin-right:20px;',
                                        iconCls:'rck-icon-edit',
                                        handler:function(){
                                            var group_model = new Model({
                                                GrupoId:group.GrupoId
                                            });
                                            createGroup(group_model,'edit');
                                        }
                                    },
                                    {
                                        type:'button',
                                        id:btnAddMember,
                                        width:'170px',
                                        value:'Agregar miembro',
                                        iconCls:'rck-icon-group',
                                        handler:function(){

                                            Rocket.Request({
                                                url: BASE_URL + 'grupos/verifyRol',
                                                data:{uid:group.GrupoId+'_X'},
                                                success:function(response) {
                                                    if(response.success == true) {
                                                        gids = group.GrupoId; 
                                                        addMemberFromGrid(group.GrupoId);
                                                    }
                                                    else {
                                                        Rocket.Create({
                                                            type:'dialog',
                                                            title:'Error en la operacion: ',
                                                            typeAlert:'error',
                                                            message:data.errors
                                                        });                                    
                                                    }
                                                }
                                            });

                                        }
                                    }
                                ]
                            },
                            {
                                type:'panel',
                                id:bigPanelMembersId,
                                title:'Miembros',
                                width:'45%',
                                height:490,
                                collapsible:true,
                                style:'float:left;margin-right:50px;',
                                //bodyStyle:'width:93.7%;*width:94.7%;_width:94.7%;#width:94.7%;float:left;',
                                bodyStyle:'float:left;padding:0;width:99.5%;',
                                items:[
                                    {
                                        type:'panel',
                                        id:panelMembersId,
                                        width:'100%',
                                        height:490,
                                        style:'float:left;margin-right:50px;',
                                        bodyStyle:'width:100%;*width:100%;_width:94.7%;#width:94.7%;float:left;padding:0;border:0;'
                                        //bodyStyle:'width:100%;*width:94.7%;_width:94.7%;#width:94.7%;float:left;padding:0;'
                                    },
                                    {
                                        type:'panel',
                                        id:membersPaginator,
                                        width:'99%',
                                        height:100,
                                        html:'<div class="rck_paginator2" id="'+paginatorMembersId+'"></div>'
                                    }
                                ]
                            },
                            {
                                type:'panel',
                                id:panelForoId,
                                title:'Foro Grupo',
                                width:'47%',
                                height:'550px',
                                collapsible:true,
                                bodyStyle:'float:left;',
                               // bodyStyle:'float:left;width:'+parseInt(window.innerWidth*0.47-120)+'px',
                                style:'float:left;',
                                items:[
                                    {
                                        label:'Mensaje',
                                        type:'textarea',
                                        id:txtForoId,
                                        width:'100%',
                                       // style:'100%;float:left;',
                                        height:'70px',
                                        change:function(value){
                                            var isDisabled = Rocket.get(btnForoId).getDisabled();
                                            if(value && value!=='' && value.length>0){
                                                Rocket.get(btnForoId).setDisabled(false);
                                            }
                                            else{
                                                Rocket.get(btnForoId).setDisabled(true);
                                            }
                                        }
                                    },
                                    {
                                        type:'button',
                                        id:btnForoId,
                                        width:'30%',
                                        style:'float:left;',
                                        value:'Publicar',
                                        disabled:true,
                                        handler:function(){
                                            data = {
                                                Message:Rocket.get(txtForoId).val().value,
                                                GrupoId:group.GrupoId,
                                                WallId:group.WallId
                                            };
                                            Rocket.Request({
                                                url: BASE_URL + 'posts/add',
                                                data:data,
                                                success:function(response) {
                                                    if(response.success){
                                                        Rocket.get(btnForoId).setDisabled(true);
                                                        threadsManager[group.GrupoId].postAdded = true;
                                                        Rocket.get(txtForoId).set('');
                                                    }
                                                }
                                            });
                                        }
                                    },
                                    {
                                        type:'panel',
                                        id:messagesForoId,
                                        width:'100%',
                                        //title:'Mensajes anteriores',
                                        collapsible:true,
                                        //   bodyStyle:'height:350px;float:left;overflow-y:auto;overflow-x:hidden;width:94.7%;',
                                        //bodyStyle:'height:350px;float:left;overflow-y:auto;overflow-x:hidden;width:93.7%;',
                                        bodyStyle:'height:350px;float:left;overflow-y:auto;overflow-x:hidden;',
                                        style:'float:left;',
                                        html:'<ul id="'+paginatorId+'" class="rck_paginator"></ul><ul id="'+messagesForoId+'_wall" class="messages"></ul>'
                                    }
                                ]
                            }
                        ]
                    }));
                    var memberHtml = "";
                    jQuery.each(members,function(k,member){
                        var uid = group.GrupoId+"_"+member.UserId;
                        var nombre = member.nombre1+' '+member.apellido1;
                        if(!member.avatar || member.avatar === 'null' || member.avatar === null) 
                            member.avatar = imageJuanelo;

                        memberHtml = memberHtml+
                            '<div id="member_'+uid+'" class="member">'+
                            '<img class="member_avatar" src="'+member.avatar+'"/>'+
                            '<ul>'+
                            '<li class="member_name"><a href="javascript:void(0);" id="'+uid+'">'+nombre+'</a></li>'+
                            '<li class="member_rol">'+member.nombre+'</li>'+
                            '</ul>'+
                            '<div style="margin-left:-3px;" class="member_actions">'+
                            '<a href="#" id="email-'+uid+'"><img src="'+imagePathEmail+'" width="16"/></a>'+
//                            '<a href="#" id="editar-'+uid+'"><img src="'+imagePathEditar+'" width="16"/></a>'+
                            '<a href="#" id="remover-'+uid+'"><img src="'+imagePathDelete+'" width="16"/></a>'+
                            '</div>'+
                            '</div>';

                        //seteamos la funcion click en cada nombre de usario con live aun cuando no exista en el DOM
                        jQuery('#'+uid).live('click',function(){
                            var record = new Model(member);
                            userDetail(record);
                            //alert('popup con detalle de usuario: '+this.id);
                        });

                        //seteamos la funcion click en cada email de usario con live aun cuando no exista en el DOM
                        jQuery('#email-'+uid).live('click',function(){
                            _sendMessageToUser(member);
                        });

                        jQuery('#remover-'+uid).live('click',function(){
                            //AGREGAR UN DIALOG QUE DIGA SI O NO
                            Rocket.Create({
                                type:'dialog',
                                title:'Confirme la operacion',
                                typeAlert:'confirmation',
                                message:'Esta seguro que desea eliminar del grupo al usuario seleccionado?',
                                onOkHanlder:function(){
                                    Rocket.Request({
                                        url: BASE_URL + 'grupos/delUserByRol',
                                        data:{uid:uid},
                                        success:function(response) {
                                            if(response.success === true) {
                                                jQuery('#member_'+uid).fadeOut('slow', function(){
                                                    jQuery('#member_'+uid).remove();          
                                                })

                                            }
                                            else {
                                                Rocket.Create({
                                                    type:'dialog',
                                                    title:'Error en la operacion: ',
                                                    typeAlert:'error',
                                                    message:_getErrorFromArray(response.errors)
                                                });
                                            }
                                        }
                                    });

                                }
                            });
                        });

                        Rocket.get(panelMembersId).setHtml('<div class="members">'+memberHtml+'</div>');
                    });
                    _addPaginator4UsersByGroup(group.GrupoId,group.totalMembers);
                    title = "";
                    
                }
            });
            jQuery(".ul_page").fadeIn();
        }
        function _sendMessageToUser(record){
            
            var miembro = record.nombre1+' '+record.nombre2+' '+record.apellido1+' '+record.apellido2;
            if(!winSendMessage){
                console.debug(record)
                winSendMessage = Rocket.Create({
                    type:'panel',
                    id:'winSendMessage',
                    title:'Nuevo Mensaje',
                    width:'40%',
                    isForm:true,
                    modal:true,
                    proxy:{
                        url: BASE_URL+'email/sendToUser'
                    },
                    items:[
                        {
                            type:'label',
                            text:'Para: <strong>'+miembro+'</strong> <span style="font-size:12px;color:#1373bd;">('+record.email+')<span>',
                            id:'lblMessageFor',
                            width:'100%'
                        },
                        {
                            label:'Título',
                            type:'text',
                            id:'txtTitleToSend',
                            name:'Title',
                            width:'100%'
                        },
                        {
                            label:'Mensaje',
                            type:'textarea',
                            name:'Message',
                            id:'txtMessageToSend',
                            width:'100%',
                            height:'70px'
                        },
                        {
                            type:'hidden',
                            id:'hdUserId1',
                            value:record.UserId,
                            name:'UserId'
                        }
                    ],
                    buttons:[
                        {
                            type:'button',
                            id:'btnSendMessage',
                            value:'Enviar',
                            handler:function(){
                                winSendMessage.submit({
                                    success:function(data){
                                        if(data.success){
                                            //formGrupo.resetForm();
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Operaci\u00F3n exitosa',
                                                typeAlert:'success',
                                                message:data.msg
                                            });
                                            winSendMessage.resetForm();
                                            winSendMessage.close();
                                            //_getGroups();
                                            //formGrupo.close();
                                        }
                                        else{
                                            Rocket.Create({
                                                type:'dialog',
                                                title:data.msg,
                                                typeAlert:'error',
                                                message:_getErrorFromArray(data.errors)
                                            });
                                        }
                                    }
                                });
                            }
                        },
                        {
                            type:'button',
                            id:'btnCancelarMensaje',
                            value:'Cancelar',
                            handler:function(){
                                winSendMessage.resetForm();
                                winSendMessage.close();
                            }
                        }
                    ]
                });
            }
            else{
                Rocket.get('hdUserId1').set(record.UserId);
                Rocket.get('lblMessageFor').set('Para: <strong>'+miembro+'</strong> <span style="font-size:12px;color:#1373bd;">('+record.email+')<span>');
            }
            winSendMessage.show();
        }
        function _sendMessageToGroup(record){
            var groupname = record.nombre;
            if(!winSendMessageGroup){
                winSendMessageGroup = Rocket.Create({
                    type:'panel',
                    id:'winSendMessageGroup',
                    title:'Nuevo Mensaje',
                    width:'40%',
                    isForm:true,
                    modal:true,
                    proxy:{
                        url: BASE_URL+'email/sendToGroup'
                    },
                    items:[
                        {
                            type:'label',
                            //     text:'Para: <strong>'+groupname+'</strong> <span style="font-size:12px;color:#1373bd;">('+membersMails+')<span>',
                            text:'Para: <strong>'+groupname+'</strong>',
                            id:'lblMessageForGroup',
                            width:'100%'
                        },
                        {
                            label:'Título',
                            type:'text',
                            name:'Title',
                            id:'txtTitleToSendGroup',
                            width:'100%'
                        },
                        {
                            label:'Mensaje',
                            type:'textarea',
                            name:'Message',
                            id:'txtMessageToSendGroup',
                            width:'100%',
                            height:'70px'
                        },
                        {
                            type:'hidden',
                            id:'hdUserId2',
                            value:record.GrupoId,
                            name:'GrupoId'
                        }
                    ],
                    buttons:[
                        {
                            type:'button',
                            id:'btnSendMessageGroup',
                            value:'Enviar',
                            handler:function(){
                                winSendMessageGroup.submit({
                                    success:function(data){
                                        if(data.success){
                                            Rocket.Create({
                                                type:'dialog',
                                                title:'Operaci\u00F3n exitosa',
                                                typeAlert:'success',
                                                message:data.msg
                                            });
                                            winSendMessageGroup.resetForm();
                                            winSendMessageGroup.close();
                                        }
                                        else{
                                            Rocket.Create({
                                                type:'dialog',
                                                title:data.msg,
                                                typeAlert:'error',
                                                message:'Error al intentar enviar mensajes a los miembros del Grupo'
                                            });
                                        }
                                    }
                                });
                            }
                        },
                        {
                            type:'button',
                            id:'btnCancelarMensajeGroup',
                            value:'Cancelar',
                            handler:function(){
                                winSendMessageGroup.resetForm();
                                winSendMessageGroup.close();
                            }
                        }
                    ]
                });
            }
            else{
                Rocket.get('hdUserId2').set(record.GrupoId);
                Rocket.get('lblMessageForGroup').set('Para: <strong>'+groupname+'</strong>');
            }
            winSendMessageGroup.show();
        }
        var winGroupsManager = Rocket.Create({
            type:'panel',
            id:'winGroupsManager',
            title:'Nuevo Grupo',
            width:'100%',
            height:100,
            style:'float:left;',
            //bodyStyle:'width:97.2%;*width:94.7%;_width:94.7%;#width:94.7%;float:left;',
            bodyStyle:'height:35px;',
            renderTo:'li_add_groups',
            items:[
                {
                    type:'button',
                    id:'btnNewGroup',
                    width:'20%',
                    value:'Nuevo Grupo',
                    style:'float:left;margin-right:20px;',
                    //style:'height:40px;',
                    iconCls:'rck-icon-add',
                    handler:function(){
                        createGroup(null,'requestCreate');
                    }
                }
            ]
        });
        var detailUserHtml = $("#detailUser").html();
        $("#detailUser").html('');

        winDetail = Rocket.Create({
            type:'panel',
            id: 'winDetail',
            width:'80%',
            height:500,
            title:'Detalle Usuario',
            modal:true,
            items:[
                {
                    type:'panel',
                    id: 'winUser',
                    width:'100%',
                    height:500,
                    renderTo:'detailUser',
                    html:detailUserHtml,
                    style:'background-color:#FFFFFF;padding:5px;border:1px solid #949494;'
                }
            ],
            buttons:[
                {
                    type:'button',
                    id:'close',
                    value:'Cerrar',
                    handler:function(){
                        winDetail.close();
                    }
                }
            ]
        });
        $(".lnkActivity").live('click',function(){
            $(this).parent().next().toggle('slow');
        });
        _getGroups();
    });
</script>
<?php echo utf8_decode($module_banner);?>
<ul class='ul_page'>
    <li id="li_add_groups"></li>
</ul>
<div id="detailUser" style="display:none;">
    <div class="dLeft">
        <img id="imgAvatar"/>
        <ul>
            <li><span class="titulo_nice" id="liNombre"></span></li>
            <li><label>Rut: </label><span id="liRut"></span></li>
            <li><label>Sexo: </label><span id="liSexo"></span></li>
            <li><label>Fecha Nac.: </label><span id="liFechaNacimiento"></span></li>
            <li><label>Oficio: </label><span id="liOficio"></span></li>
            <li class="li_title">datos de contacto</li>
            <li><label>Email: </label><span id="liEmail"></span></li>
            <li><label>Teléfono móvil: </label><span id="liFonoMovil"></span></li>
            <li><label>Teléfono fijo: </label><span id="liFonoFijo"></span></li>
            <li><label>Dirección: </label><span id="liDireccion"></span></li>
            <li class="li_title">datos ministeriales</li>
            <li id="LiEncuentros"></li>

        </ul>
    </div>
    <div class="dRight">
        <div>
            <ul>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">Participa actualmente como</a></label>
                    <ul class="ulDetail" id="ulCurrentp">
                    </ul>
                </li>
                <li><hr></li>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">Participará como</a></label>
                    <ul class="ulDetail" id="ulCurrentf">



                    </ul>
                </li>
                <li><hr></li>
                <li >
                    <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">ah Participado como</a></label>
                    <ul class="ulDetail" id="ulCurrentPast">
                    </ul>
                </li>
            </ul>
        </div>
        <ul>
            <li class="ulGen">
                <label><a href="javascript:void(0);" class="lnkActivity titulo_nice">genealogía</a></label>
                <ul class="ulDetail" id="ulCurrents">
                </ul>
            </li>
        </ul>
    </div>
</div>
